<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ice="http://www.icesoft.com/icefaces/component"
      xmlns:composite="http://java.sun.com/jsf/composite"
      xmlns:odr="http://java.sun.com/jsf/composite/odr"
      xml:lang="en">

    <composite:interface componentType="nl.rug.search.odr.component.DatetimePicker">
        <composite:attribute name="value" type="java.util.Date"/>
        <composite:attribute name="dateLabel" type="java.lang.String"/>
        <composite:attribute name="seperatorLabel" type="java.lang.String" default=":"/>
        <composite:attribute name="timeLabel" type="java.lang.String" default="Time:"/>
        <composite:attribute name="idLabel" type="java.lang.String"/>
    </composite:interface>

    <composite:implementation>
        <div class="formSection" id="#{cc.attrs.idLabel}">
            <div class="datetimepicker">
                <ice:outputLabel value="#{cc.attrs.dateLabel}" styleClass="datetimepickerDateLabel"/>
                <ice:selectOneMenu id="Day" converter="javax.faces.Integer" partialSubmit="true" styleClass="datetimepickerDay">
                    <f:selectItems value="#{datesController.day}" />
                </ice:selectOneMenu>
                <ice:selectOneMenu id="Month" converter="javax.faces.Integer" partialSubmit="true" styleClass="datetimepickerMonth">
                    <f:selectItems value="#{datesController.month}" />
                </ice:selectOneMenu>
                <ice:selectOneMenu id="Year" converter="javax.faces.Integer" partialSubmit="true" styleClass="datetimepickerYear">
                    <f:selectItems value="#{datesController.year}" />
                </ice:selectOneMenu>
                <ice:outputLabel value="#{cc.attrs.timeLabel}" styleClass="datetimepickerTimeLabel"/>
                <ice:selectOneMenu id="Hour" converter="javax.faces.Integer" partialSubmit="true" styleClass="datetimepickerHour">
                    <f:selectItems value="#{datesController.hours}" />
                </ice:selectOneMenu>
                <ice:outputLabel value="#{cc.attrs.seperatorLabel}" styleClass="datetimepickerMinuteLabel"/>
                <ice:selectOneMenu id="Minute" converter="javax.faces.Integer" partialSubmit="true" styleClass="datetimepickerMinute">
                    <f:selectItems value="#{datesController.minutes}" />
                </ice:selectOneMenu>
                <ice:outputLabel value="#{timeZoneController.timeZone.getDisplayName(timeZone.inDaylightTime(date), TimeZone.SHORT)}" styleClass="datetimepickerTimeZone"/>
            </div>
            <p class="datepicker">mm-dd-yyyy</p>
        </div>

    </composite:implementation>
</html>